如何去掉bootstrap table中表格样式中横线竖线 您所在的位置:网站首页 bootstrap 横线 竖线 如何去掉bootstrap table中表格样式中横线竖线

如何去掉bootstrap table中表格样式中横线竖线

2024-07-17 07:49| 来源: 网络整理| 查看: 265

修改之前,表格看上去比较拥挤,因为bootstrap table插件中自带斑马线表格样式,有横线和竖线分栏,现在我们不需要这些。

图片.png

应UI设计的要求,要去掉中间的横线和竖线,使用了修改需求中一种简单粗暴的修改方法,打卡网页F12键,找到横线竖线所对应的位置,直接添加代码border:0px;测试成功。

图片.png

返回编辑器,在css里面添加

.table>tbody>tr>td{    border:0px;     }

修改之后的效果,果然美观了很多,看起来不再那么的繁琐杂乱。

图片.png

原文作者:祈澈姑娘技术博客:https://www.jianshu.com/u/05f416aefbe1

90后前端妹子,爱编程,爱运营,爱折腾。坚持总结工作中遇到的技术问题,坚持记录工作中所所思所见,欢迎大家一起探讨交流。



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

      专题文章
        CopyRight 2018-2019 实验室设备网 版权所有